<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/media/css/layout.css"
	type="text/css">
<script type="text/javascript">
	var contextPath = "${pageContext.request.contextPath}";
</script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/media/js/main.js"></script>
</head>
<body>
	<div class="header">
		<!-- HEADER -->
		<div class="logo">
			<a href="#"> <img src="" alt="Post your ad" />
			</a>
		</div>
		<div class="menu">
			<div class="link">
				<a href="#">Post ad</a>
			</div>
			<div class="link">
				<a href="#">Contact us</a>
			</div>
		</div>
	</div>

	<div id="body-container">
		<div class="wrapper">
			<div class="content clr rel">
				<!-- MAIN CONTENT -->
				<button type="submit">POST AD</button>

				<!-- AD FORM -->
				<form class="default adding publish">
					<div class="">
						<button>Select site</button>
						<ul>
							<li>
								<input type="checkbox" style="display: none;"/> 
								<label  class="checkbox checked"> 
									<span class="text">site 1</span>
								</label>
							</li>
							<li>
								<input type="checkbox" style="display: none;"/> 
								<label  class="checkbox unchecked">
									<span class="text">site 2</span>
								</label>
							</li>
						</ul>
						<div class="field clr">
							<div class="label">
								<label>Field input: </label>
							</div> 
							<div class="input-field">
								<input value="value1" type="text"  class="input-text"/>
							</div>
						</div>
						<div class="field clr">
							<div class="label">
								<label>Field input: </label>
							</div> 
							<div class="input-field focus">
								<input value="value1" type="text"  class="input-text"/>
							</div>
						</div>
						<div class="field clr">
							<div class="label">
								<label>Field text area: </label>
							</div>
							<div class="input-field">
								<textarea rows="2" cols="30"></textarea>
							</div>
						</div>
						<div class="field clr">
							<div class="label">
								<label>Field text area: </label>
							</div>
							<div class="input-field focus">
								<textarea rows="2" cols="30"></textarea>
							</div>
						</div>
						<div class="field clr">
							<div class="label">
								<label>Select one menu: </label>
							</div>
							<ul>
								<li>Country 1</li>
								<li>Country 2</li>
								<li>Country 3</li>
							</ul>
						</div>

						<div class="controls">
							<label> <input type="checkbox"> I agree with <a
								href="#" class="link">term conditions</a>
							</label>
							<button type="submit">post</button>
						</div>
					</div>
				</form>

			</div>
		</div>
		<div class="footer">
			<!-- FOOTER -->
		</div>
	</div>
</body>
</html>